<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<section id="boxMostView" class="boxSubject corner3 rightShadow">
	<div class="boxTitle topCorner3">
		<h2>
			Truyện tình cảm được xem nhiều nhất
			<a href='<spring:url value="/truyen-tinh-cam/danh-sach-truyen-xem-nhieu-nhat-trang-1.htm" />' title="Danh sách truyện tình cảm xem nhiều nhất">[Xem thêm]</a>
		</h2>
	</div>
	<div class="listMostView">
		<c:choose>
			<c:when test="${lstTruyenByViews.size() > 0}">
				<c:forEach items="${lstTruyenByViews}" var="item">
					<div>
						<a href='<spring:url value="/truyen-tinh-cam/T${item.id}/${fn:replace(item.alias,' ','-')}.htm" />' title="<h2>Tóm tắt truyện : ${item.name}</h2>${item.info}" class='textOverflow tooltip'>
							<img class='corner' src='${item.linkImage}/s206/${item.nameImage}' alt='Truyện tranh ${item.name}' />
							<br />
							<strong title="${item.name}">${item.name}</strong>
						</a>
						<ul>
							<li class='textOverflow'><b>Tác giả: </b><span>${item.tacGia.name}</span></li>
							<li class='textOverflow'><b>Lượt xem: </b><span>${item.views}</span></li>
							<li class='textOverflow'><b>Số chương: </b><span><fmt:formatNumber type="number" maxIntegerDigits="4" value="${item.totalChapter}" /></span></li>
						</ul>
					</div>
				</c:forEach>
			</c:when>
			<c:otherwise>Đang cập nhật...</c:otherwise>
		</c:choose>
	</div>
</section>